<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
<table>
<tr><td rowspan="2" style="font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:200; vertical-align:top; text-align:center; width:125px;">My Showcase</td>
<td rowspan="2" style="text-align:center; vertical-align:middle; width:20px;">
<c:if test="${model.haspre==true }">
<a href="#" onclick="javascript:showcase(${model.album[0].userID},${model.currentpage-1 });"><img src="images/precase.png" style="vertical-align:bottom; border:none" /></a></c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>0 }">
<img src="albumpre_${model.album[0].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[0].character }<br />Title:${model.album[0].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>1 }">
<img src="albumpre_${model.album[1].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[1].character }<br />Title:${model.album[1].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>2 }">
<img src="albumpre_${model.album[2].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[2].character }<br />Title:${model.album[2].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>3 }">
<img src="albumpre_${model.album[3].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[3].character }<br />Title:${model.album[3].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>4 }">
<img src="albumpre_${model.album[4].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[4].character }<br />Title:${model.album[4].name }</c:if></td>
<td rowspan="2" style="text-align:center; vertical-align:middle; width:20px;">
<c:if test="${model.hasnext }">
<a href='#' onclick='javascript:showcase(${model.album[0].userID},${model.currentpage+1 });'><img src='images/nextcase.png' style='vertical-align:bottom; border:none' /></a></c:if></td></tr>
<tr>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>5 }">
<img src="albumpre_${model.album[5].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[5].character }<br />Title:${model.album[5].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>6 }">
<img src="albumpre_${model.album[6].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[6].character }<br />Title:${model.album[6].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>7 }">
<img src="albumpre_${model.album[7].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[7].character }<br />Title:${model.album[7].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>8 }">
<img src="albumpre_${model.album[8].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[8].character }<br />Title:${model.album[8].name }</c:if></td>
<td style="text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:7px; width:70px; height:61px">
<c:if test="${model.pageresultcount>9 }">
<img src="albumpre_${model.album[9].id }.jpg" style="vertical-align:bottom; border:none" width="65px" height="40px" onload="proDownImage(this,40,65);" /><br />
Character:${model.album[9].character }<br />Title:${model.album[9].name }</c:if></td>
</tr></table>